
@extends('common.header')
<head>
<!-- 1.添加meta csrf_token -->
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>个人中心</title>
<link rel="shortcut icon" href="{{ asset('/images/favicon.ico') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('/css/person/person-center.css') }}"/>
<script src=" {{ asset('/js/jquery-1.9.1.min.js') }} "></script>
<script type="text/javascript">

    <!-- 2.设置全局ajax选项 -->
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    // 获取 token
    var _token = $('meta[name="csrf-token"]').attr('content');
	
	
	var mytimemytime = null;		// 用于 何时 开始倒计时
	var totaltotal = 60;			// 验证码倒计时
	
	// 倒计时
	function startclock(){
		
		if(totaltotal==0){
			// 可以重新获取验证码了
			$("#sendPhoneSendCode").attr('disabled',false);
			$("#sendPhoneSendCode").html('获取验证码');
			mytimemytime=null;
			totaltotal=60;
			return false;
		}
		$("#sendPhoneSendCode").html( totaltotal+"秒" );
		totaltotal--; 
		mytimemytime=setTimeout("startclock()",1000);
		
	}

	$(function(){
		
		// 基本资料修改
		$("#baseInfo").click(function(){
			var email = $("#email").val();
			var qq 	  = $("#qq").val();
			var desc 	  = $("#desc").val();
			$.ajax({
				type: 'post',
				url: "{{ url('/changinfo') }}",
				data: { email:email,qq:qq,desc:desc,_token: _token },
				async: false,
				dataType: "json",
				success: function (back)
				{
					$("#baseInfo_warn").html('');
					$("#baseInfo_warn").html(back['show_info']);
					setTimeout(function(){
						$("#baseInfo_warn").html('');
					},1500);
				}
			});
		});
		
		
		// 登录密码 修改
		$("#updatePass").click(function(){
			var oldPass = $("#oldPass").val();
			var pass 	= $("#pass").val();
			var repass 	= $("#repass").val();
			$.ajax({
				type: 'post',
				url: "{{ url('/changepass') }}",
				data: { oldPass:oldPass,pass:pass,repass:repass,_token: _token },
				async: false,
				dataType: "json",
				success: function (back)
				{
					$("#pass_warn").html('');
					$("#pass_warn").html(back['show_info']);
					setTimeout(function(){
						$("#pass_warn").html('');
					},1500);
				}
			});
		});
		
		
		// 用户名 修改
		$("#nameBtn").click(function(){
			var username = $("#username").val();
			$.ajax({
				type: 'post',
				url: "{{ url('/changename') }}",
				data: { name:username,_token: _token },
				async: false,
				dataType: "json",
				success: function (back)
				{
					$("#name-warn").html('');
					$("#name-warn").html(back['show_info']);
					setTimeout(function(){
						$("#name-warn").html('');
					},1500);
				}
			});
		});
		
		
		// 手机号 修改
		
		// 发送手机验证码
		$("#sendPhoneSendCode").click(function(){
			
			// 获取新的电话
			var newPhone = $("#newPhone").val();
			$.ajax({
				type: "post",
				url: "{{ url('/getPhoneCode') }}",
				data: {phone:newPhone,_token: _token},
				async: true,
				dataType: "json",
				success: function (back) {
					$('#phone-warn').html('');
					// 显示错误信息
					$('#phone-warn').html(back['show_info']);
					$("#phone-warn").slideDown(1500);
					setTimeout(function(){
						$('#phone-warn').html('');
					},1500)
					// 设置 发送成功后的 验证码
					$("#sendPhoneCode").attr('sendPhoneCode', back['url']);
					
					// if(  back['show_info']=='发送成功，请注意查收' )
					if(  back['show_info']=='发送失败' )
					{
						$("#sendPhoneSendCode").attr('disabled',true);
						if( mytimemytime==null )
						{ 
							// 开始倒计时
							startclock(); 
						}
					}
					
				}
			});
		});
		
		// 提交 按钮
		$("#phoneBtn").click(function(){
			// 用户新输入的手机号
			var newPhone = $("#newPhone").val();
			// 用户输入的验证码
			var inputPhoneCode = $("#inputPhoneCode").val();
			// 用户获取的手机验证码
			var sendPhoneCode = $("#sendPhoneCode").attr('sendPhoneCode');
			$.ajax({
				type: 'post',
				url: "{{ url('/changephone') }}",
				data: { newPhone:newPhone,inputPhoneCode:inputPhoneCode,sendPhoneCode:sendPhoneCode,_token: _token },
				async: false,
				dataType: "json",
				success: function (back)
				{
					$("#phone-warn").html('');
					$("#phone-warn").html(back['show_info']);
					setTimeout(function(){
						$("#phone-warn").html('');
					},1500);
				}
			});
		});
		
		
		
		
	
	})


</script>
</head>
<body style="background:#fff">

<!--面包屑导航-->
<div style="width: 1200px;height: 40px;line-height:40px;position: relative;margin: 110px auto 0">
    <ol style="float: left;overflow: hidden;color: #333;list-style: none;">
        <li style="float: left;margin-left: 5px">当前位置：</li>
        <li style="float: left;margin-left: 5px"><a href="/" style="color: #de1e30;margin-left: 5px">首页</a>
        </li>
        <li style="float: left;margin-left: 5px"><a href="{{ url('/personNal') }}" style="color: #de1e30;margin-left: 5px">>
            个人中心</a></li>
        <li style="float: left;margin-left: 5px">> 我的资料</li>
    </ol>
</div>

<div class="wrap" style="margin-top:10px">
    <!--发文，管理标题-->
    <div class="left_menu">
        <div class="menu_block admin" style="background:#eee">
            <a href="{{ url('/personNal') }}" class="menu_article">
                <i></i>
                我的资料
            </a>
			
        </div>
		<div class="menu_block admin_change_img">
            <a href="{{ url('/changuserpic') }}" class="menu_article">
                <i></i>
                修改头像
            </a>
			
        </div>
		<div class="menu_block admin-focus">
            <a href="{{ url('/myfans') }}" class="menu_article">
                <i></i>
                我的关注
            </a>
        </div>
		<div class="menu_block article-manage">
			<a href="{{ url('/articleManage') }}" class="menu_article">
				<i></i>
				文章管理
			</a>
		</div>
		<div class="menu_block menu_recharge">
            <a href="{{ url('/recharge') }}" class="menu_article">
                <i></i>
                充值中心
            </a>
        </div>
		<div class="menu_block article-colle">
			<a href="{{ url('/mycollect') }}" class="menu_article">
				<i></i>
				我的收藏
			</a>
		</div>
        <div class="menu_block article-publi">
            <a href="{{ url('/new_article') }}" class="menu_article">
                <i></i>
                发表文章
            </a>
        </div>
		<div class="menu_block article-recommend">
            <a href="{{ url('/recommendgame') }}" class="menu_article">
                <i></i>
                竞彩推荐
            </a>
        </div>
    </div>
    
	<!--发文，管理内容-->
    <div class="right_main">
		<!--个人 中心 修改-->
		<div class="change_main">
			<div class="tab-tit" id="tab-tit">
				<a href="#" style="width: 265px;" >基本资料</a>
				<a href="#" style="width: 265px;">修改密码</a>
				<!-- <a href="#">修改用户名</a>-->
				<a href="#" style="width: 265px;">修改手机号</a>
			</div>
			
			<!--基本资料-->
			<div class="list-data grid-info" id="list-data">
				<div class="person-info-l">
					<a href="{{ url('/changuserpic') }}" title="修改头像" class="head"><img src="{{ $user_info -> pic_url }}" alt=""></a>
					<a href="#" class="user-name">{{ $user_info -> name }}</a>
				</div>
				<div class="person-info-r">
					<div class="base-info-form">
						<p>
							
							<input type="email" id="email" name="email" value="{{ $user_info -> email }}" placeholder="请输入邮箱" />
						</p>
						<p>
							
							<input type="text" id="qq" name="email" value="{{ $user_info -> qq }}" placeholder="请输入QQ" />
						</p>
						<p style="height: auto;min-height: 80px;">
							
							<textarea type="text" id="desc" placeholder="个人介绍" name="desc" >{{ $user_info -> desc }}</textarea>
						</p>
						<span id="baseInfo_warn" class="change-warn" ></span>	
						<p>
							<button class="sub-btn" id="baseInfo" style="cursor:pointer;" >保存</button>
						</p>
					</div>
				</div>
			</div>
				
			
			<!--修改密码-->
			<div class="change-pass grid-info" id="change-pass">
					<p>
						<label>当前密码：</label>
						<input type="password" name="oldPass" id="oldPass" />
					</p>
					<p>
						<label>新密码：</label>
						<input type="password" name="pass" id="pass" />
					</p>
					<p>
						<label>确认密码:</label>
						<input type="password" name="repass" id="repass" />
					</p>
					<span id="pass_warn" class="change-warn"></span>
					<p>
						<button id="updatePass"  class="submit">
							提交
						</button>
					</p>
			</div>
			
			
			
			
			
			
			<!--修改用户名-->
			
			<!--
			
				<div class="change-name  grid-info" id="change-name">
					<p> <label>当前用户:</label><span>{{ $user_info -> name }}</span></p>
					<p> <label>新用户:</label><input type="text" name="name" id="username" ></p>
					<span id="name-warn" class="change-warn"></span>
					<p>
						<button id="nameBtn" class="submit" >
							提交
						</button>
					</p>
				</div>
			
			-->
			
			
			
			
			<!--修改手机号-->
			<div class="change-iphone  grid-info" id="change-iphone" >
				<p>
					<label>当前手机号：</label>
					<input type="text" placeholder="{{ $user_info->phone }}" readonly="readonly">
				</p>
				<p>
					<label>手机号：</label>
					<input type="text" name="newPhone"  id="newPhone" />
					<button id="sendPhoneSendCode" style="cursor:pointer;" class="veri-code" >发送验证码</button>
				</p>
				<p>
					<label>验证码:</label>
					<input type="text" name="inputPhoneCode" id="inputPhoneCode" />
				</p>
				<span id="phone-warn" class="change-warn"></span>
				<p>
					<button class="submit" id="phoneBtn" >提交</button>
				</p>
			</div>
		</div>
	</div>


</div>

<div class="col-xs-6 col-md-2">

</div>

</div>


<div id="article" article_id="{{ $article_info->id or '' }}"></div>
<div id="sendPhoneCode" sendPhoneCode=""></div>

<script>
    $("#edit_tit").click(function () {
        if ($(".edit_hide").css("display") == "none") {
            $(".edit_hide").slideDown(1500);
        } else {
            $(".edit_hide").slideUp(1000);
        }
    });
</script>
<script>
    $(".grid-info").eq(0).show();
	$("#tab-tit a").eq(0).addClass("active");
	$("#tab-tit a").click(function(){
    var num =$("#tab-tit a").index(this);
		$("#tab-tit a").removeClass("active"); 
		$(this).addClass("active"); 
		$(".grid-info").hide();
		$(".grid-info").eq(num).show().siblings(".grid-info").hide();
	})
</script>

@extends('common.footer')

</body>
